@charset "utf-8";
/* CSS Document */

.marB30{ margin-bottom: 30px;}
.marB40{ margin-bottom: 40px;}
.marB60{ margin-bottom: 60px;}
.marB80{ margin-bottom: 80px;}
.posR{ position: relative;}
.w570{ width: 570px;}

.main{ position: relative; z-index: 3;}

@font-face{
font-family: font_sim;
src: url('../images/MFYanSong.ttf'); /* IE9 */}

.lmT{ position: relative; height: 40px; padding-left: 60px; margin-bottom: 20px; font: bold 36px/40px "simhei"; color: #524278; background-image: url(../images/icon_i_lmT.png); background-repeat: no-repeat;}
a.lmT_more{ position: absolute; top: 50%; right: 0; height: 16px; margin-top: -8px; font-size: 16px; line-height: 16px; color: #524278;}
.lmT_dtzx{ background-position: 0 0}
.lmT_bhjs{ background-position: 0 -40px}
.lmT_bhhw{ background-position: 0 -80px}
.lmT_csxm{ background-position: 0 -120px}
.lmT_djgz{ background-position: 0 -160px}
.lmT_jchg{ background-position: 0 -200px}
.lmT_yqlj{ background-position: 0 -240px}

#swiper-container1{ height: 506px; }
#swiper-container1 .swiper-slide{ position: relative; width: 1200px; height: 506px;  }

#swiper-container1 .swiper-slide img{ float: left; width: 900px; height: 506px;}
.ss1_wz{ float: right; width: 260px; height: 450px; padding: 20px 32px 0; border: 1px solid #f5d8f9; box-sizing: border-box;}
.ss1_wz h3{ margin-bottom: 10px; font: bold 24px/36px "simsun"; text-align: justify;}
.ss1_wz h3 a{}
.ss1_wz p{ max-height: 196px; font-size: 16px; line-height: 28px; color: #999; text-align: justify; overflow: hidden;}
.ss1_wz a.ss_more{ display: block; width: 134px; height: 28px; margin: 20px auto 0; font-size: 16px; line-height: 28px; color: #4393db; text-align: center; border: 1px solid #4393db; border-radius: 14px;}

.sc1_pagination{ left: auto; bottom: 10px; right: 200px; width: auto;  color: #4c2b4c;}
.sc1_pagination span{ }
#swiper-container1 .swiper-pagination-current{ font: italic bold 24px/24px "simsun"; color: #b326c0;}
#swiper-container1 .swiper-pagination-total{ font-style: italic; font-size: 18px;}

.sc1_next, .sc1_prev{ position: absolute; top: auto; bottom: 0; width: 41px; height: 40px; background: url(../images/arr.png);}
.sc1_next:after, .sc1_prev:after{ display: none;}
.sc1_next{ right: 0; background-position: -41px 0;}
.sc1_prev{ left: auto; right: 51px; background-position: 0 0;}

.bhjs_wrap{ position: absolute; top: 0; left: 230px;}
.bhjs_wrap a{ float: left; width: 180px; height: 41px; margin-left: 10px; background-image: url(../images/btn_i_gybh.png);}
a.bhjj{ background-position: 0 0}
a.bhzc{ background-position: 0 -41px}
a.hydh{ background-position: 0 -82px}
a.cwbg{ background-position: 0 -123px}
a.jxjj{ background-position: 0 -164px}
a.bhjj:hover{ background-position: -180px 0}
a.bhzc:hover{ background-position: -180px -41px}
a.hydh:hover{ background-position: -180px -82px}
a.cwbg:hover{ background-position: -180px -123px}
a.jxjj:hover{ background-position: -180px -164px}

.news_tab{ position: relative; width: 100%;}
.news_tab .etabs{ height: 48px; margin-bottom: 20px; border-bottom: 2px solid #ccc4d6;}
.news_tab a.tab{ float: left; position: relative; height: 48px; padding: 0 3px; margin-right: 20px; font: 24px/48px "Microsoft Yahei"; color: #8f839d; cursor: pointer;}
.news_tab a.tab.active:after{ position: absolute; bottom: -2px; left: 0; width: 100%; height: 2px; background-color: #4393db; content: ""}

.news_tab .tab:hover, .news_tab .tab.active{ /*font-weight: bold;*/ color: #4393db}

.img_news{ position: relative; width: 570px; height: 320px;}
.img_news img{ width: 100%; height: 100%;}
.img_news h3{ position: absolute; bottom: 0; left: 0; width: 100%; height: 48px; font: 20px/48px "simsun"; text-indent: 0.5em; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99260436', endColorstr='#99260436'); background: rgba(38,4,54,0.8);}
.img_news h3 a{ color: #fff;}

.news_list{}
.news_list li{ position: relative; height: 60px; padding-left: 14px; font: 20px/60px  "Microsoft Yahei"; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.news_list li:before{ position: absolute; top: 50%; left: 0; width: 4px; height: 4px; margin-top: -2px; background-color: #8f839d; content: "";}
.news_list li:hover, .news_list li:hover a{ color: #4393db;}
.news_list li a{ }

.news_list{}


a.more{ float: right; width: 24px; height: 24px; font: bold 20px/24px "simsun"; color: #fff; text-align: center; background-color: #8ebee9; border-radius: 50%;}

.jchg_tem{ float: left; width: 380px; margin-right: 30px;}
.jchg_tem img{ width: 380px; height: 214px;}
.jchg_tem h3{ margin-top: 8px; font: 20px/22px "Microsoft Yahei"; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.yjlj{}
.yjlj img{ float: left; width: 378px; height: 68px; margin: 0 30px 10px 0; border: 1px solid #dfdfdf; border-radius: 4px;}
.yjlj a:nth-child(3n) img{ margin-right: 0}

/**/
.loc{ min-height: 32px; margin-bottom: 30px; padding: 0 0 14px 36px; font: 20px/32px "simsun"; color: #333; background: url(../images/icon_loc.png) no-repeat left top; border-bottom: 1px solid #ccc4d6;}
.loc a{ color: #666;}

/*关于本会*/
.lmT2{ position: relative; height: 40px; padding-left: 40px; margin-bottom: 30px; font: bold 36px/40px "simsun"; color: #524278; background: url(../images/bor_lmT.png) no-repeat center left;}

.lmT_l{ position: relative; height: 48px; margin-bottom: 20px; border-bottom: 2px solid #ccc4d6;}
.lmT_l span{ float: left; padding: 0 2px;  font: 24px/48px "Microsoft Yahei"; color: #4393db; border-bottom: 2px solid #4393db;}
.lmT_l a.more2{ position: absolute; top: 0; right: 0;  height: 48px; font: bold 16px/48px "Microsoft Yahei"; color: #524278;}

.common_list li{ height: 60px; font: 20px/60px "simsun"; border-bottom: 1px solid #e5e1ea;}
.common_list li h3{ float: left; width: 80%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.common_list li:hover h3 a{ color: #4393db;}
.common_list li span{ float: right; color: #999;}

.bhjj_wrap{}
.bhjj_wrap a{ float: left; width: 388px; height: 80px; margin-right: 18px; background-image: url(../images/btn_bhjj.png);}
.bhjj_wrap a.btjj_btn1{ background-position: 0 0}
.bhjj_wrap a.btjj_btn1:hover{ background-position:  -388px 0;}
.bhjj_wrap a.btjj_btn2{ background-position: 0 -80px}
.bhjj_wrap a.btjj_btn2:hover{ background-position:  -388px -80px;}
.bhjj_wrap a.btjj_btn3{ margin-right: 0; background-position: 0 -160px}
.bhjj_wrap a.btjj_btn3:hover{ background-position:  -388px -160px;}

.img_list_tem{ padding-bottom: 20px; margin-bottom: 20px;border-bottom: 1px solid #e5e1ea;}
.img_list_tem img{ float: left; width: 285px; height: 160px;}
.img_list_tem_r{ position: relative; float: right; width: 895px; height: 160px;}
.img_list_tem_r.tem2{ width: 840px;}
.img_list_tem_r h3{ height: 36px; margin-bottom: 10px; font: bold 24px/36px "simsun"; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.img_list_tem_r h3 a{}
.img_list_tem_r p{ max-height: 72px; font: 16px/24px "simsun"; color: #999; overflow: hidden;}
.img_list_tem_r span{ position: absolute; bottom: 0; right: 0; font-size: 20px; line-height: 20px; color: #999;}

.jxjj_wrap a{ float: left; width: 340px; height: 80px; margin: 0 0 20px 20px; background-image: url(../images/btn_jxjj.png);}
a.btn_jxjj_sty1,a.btn_jxjj_sty4,a.btn_jxjj_sty7{ width: 480px; margin-left: 0;}
a.btn_jxjj_sty1{ background-position: 0 0}
a.btn_jxjj_sty1:hover{ background-position: -480px 0}
a.btn_jxjj_sty2{ background-position: 0 -80px}
a.btn_jxjj_sty2:hover{ background-position: -480px -80px}
a.btn_jxjj_sty3{ background-position: 0 -160px}
a.btn_jxjj_sty3:hover{ background-position: -480px -160px}
a.btn_jxjj_sty4{ background-position: 0 -240px}
a.btn_jxjj_sty4:hover{ background-position: -480px -240px}
a.btn_jxjj_sty5{ background-position: 0 -320px}
a.btn_jxjj_sty5:hover{ background-position: -480px -320px}
a.btn_jxjj_sty6{ background-position: 0 -400px}
a.btn_jxjj_sty6:hover{ background-position: -480px -400px}
a.btn_jxjj_sty7{ background-position: 0 -480px}
a.btn_jxjj_sty7:hover{ background-position: -480px -480px}
a.btn_jxjj_sty8{ background-position: 0 -560px}
a.btn_jxjj_sty8:hover{ background-position: -480px -560px}
a.btn_jxjj_sty9{ background-position: 0 -640px}
a.btn_jxjj_sty9:hover{ background-position: -480px -640px}

.hdhg_wrap{ padding: 29px; border: 1px solid #ccc4d6; border-radius: 6px;}
.hdhg_tem{ padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ccc4d6;}
.hdhg_tem:nth-child(3){ padding-bottom: 0; margin: 0; border: 0}
.hdhg_tem img{ float: left; width: 120px; height: 160px;}
.hdhg_right{position: relative; float: right; width: 990px; height: 160px;}
.hdhg_right h3{ height: 30px; margin-bottom: 10px; font: 24px/30px "Microsoft Yahei"; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.hdhg_right h3 a{ color: #377dca;}
.hdhg_right p{ max-height: 102px; font-size: 18px; line-height: 34px; color: #333; overflow: hidden;}
a.hdhg_more{ position: absolute; bottom: 0; right: 0; width: 24px; height: 24px; font: bold 20px/24px "simsun"; color: #fff; text-align: center; background-color: #8ebee9; border-radius: 50%;}

/*动态资讯*/
.dtzx_list{ margin-bottom: 40px;}
.dtzx_tem{ padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #e5e1ea;}
.dtzx_tem img{ float: left; width: 285px; height: 160px;}
.dtzx_right{ float: right; width: 896px; }
.dtzx_right h3{ font: bold 24px/32px "simsun";}
.dtzx_right h3 a{}
.dtzx_right p{ margin-top: 10px; font-size: 16px; line-height: 28px; color: #666; text-align: justify;}
.dtzx_right span{ display: block; margin-top: 10px; font-size: 20px; line-height: 20px; text-align: right;}

.pages{ margin-bottom: 30px; text-align: center;}
.pages a{ box-sizing: border-box; display: inline-block; width: 40px; height: 40px; margin: 0 5px; font-size: 18px; line-height: 40px; font-family: "Microsoft Yahei"; text-align: center; color: #524278; background-color: #f2f2f2; cursor: pointer;}
.pages span{ font-size: 18px; line-height: 40px; margin: 0 5px;}
.pages a.first, .pages a.prev, .pages a.next, .pages a.last{ box-sizing: border-box; width: auto; padding: 0 10px; height: 40px; cursor: pointer;}
.pages a.current, .pages a:hover{ color: #fff; background-color: #377dca; }

/*本会会务*/
#etabs2{ margin-bottom: 30px;}
#etabs2 a{ float: left; width: 200px; height: 70px; font: bold 36px/60px "Microsoft Yahei"; color: #524278; text-align: center; cursor: pointer;}
#etabs2 a.active{ color: #fff; background: url(../images/bg_etab2.png) no-repeat center top;}

/*.sc2_wrap{ padding: 29px; border: 1px solid #ccc4d6; border-radius: 10px;}
#swiper-container2{ width: 1140px; height: auto; }
#swiper-container2 .swiper-slide{ position: relative; width: 1140px; height: auto;  }*/
#swiper-container2{ width: 1200px; height: auto; }
#swiper-container2 .swiper-slide{ position: relative; width: 1200px; height: auto; padding: 29px; border: 1px solid #ccc4d6; border-radius: 10px; box-sizing: border-box;}

.lmT3{ position: relative; margin: 0 0 20px -30px;}
.lmT3 span{ display: inline-block; height: 48px;  padding: 0 56px 0 30px; font: bold 24px/48px "simsun"; color: #fff; background: url(../images/bg_lmT3.jpg) no-repeat right top #377dca;}
.lmT3 a.more2{ position: absolute; top: 0; right: 0;  height: 48px; font: bold 16px/48px "Microsoft Yahei"; color: #524278;}


.gdwhrw_tem{ float: left; position: relative; width: 270px; height: 152px; margin: 0 20px 20px 0; }
.gdwhrw_tem:nth-child(4n){ margin-right: 0;}
.gdwhrw_tem img{ width: 100%; height: 100%; border-radius: 4px;}
.gdwhrw_tem h3{ position: absolute; bottom: 0; right: 0; width: 100%; height: 40px; font: 20px/40px "simsun"; color: #fff; text-align: center; background-color: #2d1138; border-radius: 4px;  text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.gdwhrw_tem h3 a{ color: #fff;}

/*慈善项目*/
.gl_list{}
.gl_list li{ height: 60px; font: 20px/60px "simsun"; border-bottom: 1px solid #e5e1ea;}
.gl_list li h3{ float: left; width: 80%; height: 60px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.gl_list li h3 a{ color: #333;}
.gl_list li:hover h3,.gl_list li:hover h3 a{ color:#4393db}
.gl_list li span{ float: right; color: #999}

/*通用细览*/
.article{ padding: 20px 0; border-top: 1px solid #f4f4f2; border-bottom: 1px solid #f4f4f2;}
.article_t{ margin-bottom: 30px; font: bold 28px/42px "simsun"; color: #333; text-align: center;}
.article_item{ padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #e9e9e9;}
.article_item span{  font-size: 16px; line-height: 16px; color: #666;}
.article_item .article_item_tem{ float: left; margin-right: 10px;}
.article_item .article_fs{ float: right;}
.article_item .article_fs a{ margin-left: 4px; color: #666; cursor: pointer;}

.article_con{ margin-bottom: 30px;}
.article_con p{ font-size: 20px; line-height: 40px; color: #333;}
.article_con img{ display: block; max-width: 1100px; height: auto; margin: 20px auto ;}

.gg{ position: relative;  z-index: 9999;}
.gg .btn_close{ position: absolute; top: -20px; right: 0; width: 20px; height: 20px; background: url(../images/btn_close.png) no-repeat center center #fff; background-size: 100% 100%; cursor: pointer;}